<%@page import="java.util.List"%>
<%@page import="com.mongodb.DBObject"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<link rel=stylesheet  type="text/css" href="css/index.css">
<link  rel="stylesheet" type="text/css" href="css/header.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/jquery.ScrollPic.js" type="text/javascript"></script>
<script type="text/javascript">

$(function(){
  
    $('.yiz-slider-2').ScrollPic({
        Time: '3000',
        speed: '800',
        autoscrooll: true
    });

    
})


</script>

</head>
 <body>
     <div class="menu">
    <ul>
      <li><img id="tubiao" src="images/tubiao.png" alt="HPU比特能"/></li>
      <li class="current"><a href="#">  </a></li>
      <li><a href="javascript:void(0)" style="margin-left:30px;">基于智能计算的信息推荐系统</a></li>
    </ul>
  </div>

     <div class="yiz-slider-2">
      <ul>
        <li><img src="images/1.jpg" /></li>
        <li><img src="images/2.jpg" /></li>
        <li><img src="images/3.jpg" /></li>
        <li><img src="images/4.jpg" /></li>
      </ul>
    </div>

 <div id="sousuo">
    <form action="ssexpertlistServlet" method="post" role="form" class="form" id="form">
      <div class="col-sm-11">
         <input type="text"  class="form-control" id="inputInfo"  name="key" placeholder="输入专家姓名或研究方向" >
      </div>
       <button type="submit" class="btn btn-default" id="btn_cha" onclick="javascript:void(0)"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
    	<h6><span style="color:#c3c3c3;margin-left: 110px;">建议使用Google Chrome, 火狐浏览器显示最佳效果</span></h6>   
    
    </form>   
  </div>
<!-- 内容 -->
  <div id="content">
  	<% 	List<DBObject> list=(List<DBObject>)request.getAttribute("list");
	if(list!=null)
	{
	
%>
     <div class="row">
	<!-- 第1行 -->
           <div class="col-xs-6 col-md-4">
            <div class="col-zhuan">
            <!--  推荐第1个专家-->
               <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(0).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(0).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(0).get("expert_org") %></li>
               
               </ul>
               <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(0).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
               <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             </div>
           </div>



           <div class="col-xs-6 col-md-4">
            <div class="col-zhuan">
              <!--  推荐第2个专家-->
               <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(1).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(1).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(1).get("expert_org") %></li>
                  
               </ul>
              <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(1).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
               <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             </div>
           </div>

          <div class="col-xs-6 col-md-4">
             <div class="col-zhuan">
                 <!--  推荐第3个专家-->
                 <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(2).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(2).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(2).get("expert_org") %></li>
               
               </ul>
            <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(2).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
                <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             
             </div>
           </div>


     <div class="row" >
	<!-- 第二行 -->
           <div class="col-xs-6 col-md-4">
             <div class="col-zhuan">
                 <!--  推荐第4个专家-->
                 <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(3).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(3).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(3).get("expert_org") %></li>
               
               </ul>
               <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(3).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
               <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             
             </div>
           </div>

           <div class="col-xs-6 col-md-4">
             <div class="col-zhuan">
                 <!--  推荐第5个专家-->
                 <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(4).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(4).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(4).get("expert_org") %></li>
               
               </ul>
               <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(4).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
               <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             
             </div>
           </div>

           <div class="col-xs-6 col-md-4">
            <div class="col-zhuan">
              <!--专家信息显示-->
               <ul>
                  <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"> <span>评价：</span></span>
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                    <img src="images/star.png" alt="等级">
                  </li>
                  <li><span class="glyphicon glyphicon-user" aria-hidden="true"> <span>姓名：</span></span><%=list.get(5).get("expert_name") %></li>
                  <li><span class="glyphicon glyphicon-book" aria-hidden="true"> <span>方向：</span></span><%=list.get(5).get("research") %></li>
                  <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"> <span>机构：</span></span><%=list.get(5).get("expert_org") %></li>
                 
               </ul>
               <div class="boorf"><a href="expertservlet?expert_name=<%=list.get(5).get("expert_name")%>"><button type="button" class="btn btn-primary">查看</button></a></div>
               <div class="xz"><img src="images/shang.png" style="transform:rotate(-38deg); width:100px;height:100px;"></div>
             </div>
           </div>
        
     </div>
<%
	}
%>
  </div>
<!-- 内容结束 -->
<div id="foolter">
 hpuacm&copy;版权所有
</div>
  </body>
</html>